@layout("/common/_container.html"){
<style>
	.input-group{
		/*width:45%;*/
	}
	.row input[type=text],.form-control, .single-line{
	    width:35%;
        float:left;
    }
    .error{
        color:red;
        float:left;
        padding-top: 7px;
        padding-left: 10px;
    }
    .isShow label{
        padding-right:10px;
        padding-top:3px;
    }
	.input-group{
		width:60%;
		margin:0 auto;
	}
	.row input[type=text]{
	width:45%; 
    }
    .error{
        color:red;
    }
</style>
<!--<script src="${ctxPath}/static/modular/huamao/messages/ckeditor.js"></script>-->
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">

            <input type="hidden" id="articleId" value="${item.articleId}">
            <!--<input type="hidden" id="articleContenth" value='${item.articleContent}'>-->

            <div class="row">
            
             <#input id="articleTitle" name="文章标题" value="${item.articleTitle}" underline="true"/>
             <#input id="articleKey" name="关键字" value="${item.articleKey}" />
             
            <input type="hidden" id="parentId" value="${parentId}">
            <input type="hidden" id="catId" value="${item.catId}">
           
					<#SelectCon id="article1" name="分类类型" >
					<option id="articleCats1" value="">请选择</option>
					</#SelectCon>
					
					<#SelectCon id="article2" name="二级分类" >
					<option id="articleCats2" value="">请选择</option>
					</#SelectCon>
					
					<#SelectCon id="article3" name="三级分类" >
					<option id="articleCats3" value="">请选择</option>
					</#SelectCon>
					
				<br>
				<div style="displa:flex;width:300px;height:30px;line-height:30px;margin:0 auto;">
					<span>是否显示</span> 
	                  <input type="radio" id="isShow" name="isShow" value="1"  />显示
					 <input type="radio" id="isNotShow" name="isShow" value="0" />隐藏
					<script>
	              		let isShow = ${item.isShow} == '1'
	              		$('#isShow').attr('checked', isShow),
	              		$('#isNotShow').attr('checked', !isShow);
	              	</script>	
				</div>
				<br>


	<div class="row">
		<div class="col-sm-3 col-sm-editor" style="width: 750px">
			<!-- 富文本编辑器 -->
			<div id="editor">
				${item.articleContent}
			</div>

			<!-- 注意， 只需要引用 JS，无需引用任何 CSS ！！！-->
			<script type="text/javascript" src="${ctxPath}/static/modular/huamao/public/wangEditor-3.1.1/release/wangEditor.min.js"></script>
			<script type="text/javascript">
                var E = window.wangEditor
                var editor = new E('#editor')
                // 或者 var editor = new E( document.getElementById('editor') )
                // 配置服务器端地址
                editor.customConfig.uploadImgServer = '/messages/aliyunUpload'
                editor.customConfig.uploadFileName = 'file'
                // 进行下文提到的其他配置
                // ……
                // ……
                // ……
                editor.create()
			</script>
			<!--<textarea rows="30" cols="50" id="msgContent" name="editor01">请输入.</textarea>-->
			<!--<script>-->
			<!--CKEDITOR.replace('editor01', {-->
			<!--filebrowserImageUploadUrl : Feng.ctxPath-->
			<!--+ '/uploadImg/uploadImg',-->
			<!--language : 'zh-cn',-->
			<!--});-->
			<!--</script>-->
			<!-- <textarea id="template_content"	name="template_content" style="width:80%;height:400px;"></textarea> -->
		</div>
	</div>
              <!-- 	<#input id="articleContent" name="文章内容" value="${item.articleContent}" underline="true"/> -->
                <!-- <div class="col-sm-6 b-r">
                            <#input id="articleId" name="自增ID" value="${item.articleId}" underline="true"/>
                            <#input id="catId" name="父类ID" value="${item.catId}" underline="true"/>
                           
                            <#input id="isShow" name="是否显示" value="${item.isShow}" underline="true"/>
                            
                            
                </div>

                <div class="col-sm-6">
                            <#input id="staffId" name="创建者" value="${item.staffId}" underline="true"/>
                            <#input id="status" name="状态 0未读 1已读" value="${item.status}" underline="true"/>
                            <#input id="dataFlag" name="有效状态" value="${item.dataFlag}" underline="true"/>
                            <#input id="createTime" name="创建时间" value="${item.createTime}" underline="true"/>
                            <#input id="solve" name="觉得文章有帮助的次数" value="${item.solve}" underline="true"/>
                            <#input id="unsolve" name="觉得文章没帮助的次数" value="${item.unsolve}" />
                </div> -->
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10" style="text-align:center;">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="ArticlesInfoDlg.editSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="ArticlesInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/huamao/articles/articles_info.js"></script>
<script type="text/javascript"
		src="${ctxPath}/static/modular/huamao/messages/jquery.min.js"></script>
<script type="text/javascript"
		src="${ctxPath}/static/modular/huamao/messages/vue.min.js"></script>
<script src="${ctxPath}/static/modular/huamao/public/goodscats.js"></script>
<script type="text/javascript"
	src="${ctxPath}/static/modular/huamao/messages/jquery.min.js"></script>
<script type="text/javascript"
	src="${ctxPath}/static/modular/huamao/messages/vue.min.js"></script>
@}
